/*
 * ------------------------------------------------------------------------
 * mdtht.css
 * (c) 2022-2025
 * Author: cayxc
 * Homepage:  https://gitee.com/cayxc/mdtht  https://github.com/cayxc/Mdtht
 * License: BSD-3-Clause
 */
@charset "UTF-8";

/* ALI-ICONFONT*/
@font-face {
  font-family: "iconfont";
  src: url('data:application/x-font-woff2;charset=utf-8;base64,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')
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 1.6rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-retractB:before {
  content: "\e619";
}

.icon-launchB:before {
  content: "\e77f";
}

.icon-fail:before {
  content: "\e64e";
}

.icon-launchC:before {
  content: "\e731";
}

.icon-retractA:before {
  content: "\e747";
}

.icon-branchB:before {
  content: "\e618";
}

.icon-branch:before {
  content: "\e6a5";
}

.icon-catalog-closeB:before {
  content: "\e62f";
}

.icon-label:before {
  content: "\e77e";
}

.icon-quit:before {
  content: "\e652";
}

.icon-retractC:before {
  content: "\e604";
}

.icon-search:before {
  content: "\e62b";
}

.icon-close:before {
  content: "\e624";
}

.icon-noindex:before {
  content: "\e643";
}

.icon-catalog-close:before {
  content: "\e613";
}

.icon-sun:before {
  content: "\e603";
}

.icon-style:before {
  content: "\e62e";
}

.icon-moon:before {
  content: "\e60c";
}

.icon-menu-index:before {
  content: "\e62a";
}

.icon-catalog-show:before {
  content: "\e65a";
}

.icon-launchA:before {
  content: "\e748";
}

/*colors*/
$bg-color: rgb(250, 250, 250);
$bg-color2: rgb(237, 237, 239);
$border-color: #d2d2d2;
$grey-color: #d9d9d9;
$text-color: #000;
$text-grey: #999;
$text-code: #2f479f;
$title-color: #070909;
$title-color2: rgb(34, 45, 86);

$color-1: #3e69d7;
$color-1-0-a: rgba(62, 105, 215, 0.15);
$color-1-0-b: rgba(62, 105, 215, 0.06);

$color-2: #f59102;
$color-2-0-a: rgba(245, 145, 2, 0.15);
$color-2-0-b: rgba(245, 145, 2, 0.06);
$color-2-0-c: rgba(227, 134, 3, 0.3);

$color-3: #03b736;
$color-3-0-a: rgba(3, 183, 54, 0.15);
$color-3-0-b: rgba(3, 183, 54, 0.06);

$color-4: #8250df;
$color-4-0-a: rgba(130, 80, 223, 0.15);
$color-4-0-b: rgba(130, 80, 223, 0.06);

$color-5: #e30f2e;
$color-5-0-a: rgba(227, 15, 46, 0.15);
$color-5-0-b: rgba(227, 15, 46, 0.06);

$text-dark: #d0d0d0;
$text-grey-dark: #464b50;

$bg-dark: #1b1b1f;
$bg-dark2: rgb(40, 42, 50);
$code-bg-dark: rgb(40, 42, 50);
$grey-color-dark: rgb(55, 58, 63);
$text-code-dark: #bbc7fd;

/*size*/
$size-32: 3.2rem;
$size-30: 3.0rem;
$size-28: 2.8rem;
$size-26: 2.6rem;
$size-24: 2.4rem;
$size-22: 2.2rem;
$size-20: 2.0rem;
$size-18: 1.8rem;
$size-16: 1.6rem;
$size-14: 1.4rem;
$size-12: 1.2rem;
$size-10: 1.0rem;

/*border*/
@mixin border-default($width:.1rem,$style:solid,$color:$border-color) {
  border: $width $style $color;
}

@mixin border-bottom($width:.1rem,$style:solid,$color:$border-color) {
  border-bottom: $width $style $color;
}

/*border-radius*/
@mixin border-radius($size:0.8rem) {
  border-radius: $size;
  -webkit-border-radius: $size;
  -moz-border-radius: $size;
}

/*code style*/
@mixin code-box($margin:1.6rem,$padding:1rem,$font-size:1.4rem,$bag:$bg-color2) {
  margin: $margin 0;
  padding: $padding/2 $padding;
  background: $bag;
  font-size: $font-size;
  box-sizing: border-box;
}

/*table style*/
@mixin table-style($bor-color:rgb($grey-color,.8),$bag-color:$bg-color2,$bor-radius:0.8rem) {
  width: 100%;
  margin-top: $size-16;
  text-align: left;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: $bor-radius;
  overflow: hidden;
  padding: 0;
  border: 1px solid $bor-color;
  thead tr th {
    background: $bag-color;
  }
  tbody tr:nth-child(even) td {
    background: $bag-color;
  }
  tbody tr:nth-child(odd) td {
    background: $bg-color;
  }
  tr th, tr td {
    padding: 10px;
    word-break: break-word;
  }
  tr td,
  thead tr th {
    border-left: 1px solid $bor-color;
  }
  tbody tr td:first-of-type,
  thead tr th:first-of-type {
    border-left: none;
  }
}

/*after/before content style*/
@mixin pseudo-element($c:"",$w:.5rem,$h:.1rem,$p:relative) {
  content: $c;
  display: inline-block;
  width: $w;
  height: $h;
  position: $p;
  z-index: 10;
}

@mixin bag-border-dark($bag:$bg-dark2,$bor:$grey-color-dark) {
  background: $bag;
  border-color: $bor;
}

//box-shadow-1
@mixin box-shadow-1($color:$grey-color) {
  box-shadow: 0 0 .2rem .1rem $color;
  -webkit-box-shadow: 0 0 .2rem .1rem $color;
  -moz-box-shadow: 0 0 .2rem .1rem $color;
  -o-box-shadow: 0 0 .2rem .1rem $color;
}

//box-shadow-2
@mixin box-shadow-2($color:$grey-color) {
  box-shadow: 0 -.2rem .1rem $color;
  -webkit-box-shadow: 0 -.2rem .1rem $color;
  -moz-box-shadow: 0 -.2rem .1rem $color;
  -o-box-shadow: 0 -.2rem .1rem $color;
}

//box-shadow-3
@mixin box-shadow-3($color:$grey-color) {
  box-shadow: 0 0 .2rem .2rem $color;
  -webkit-box-shadow: 0 0 .2rem .2rem $color;
  -moz-box-shadow: 0 0 .2rem .2rem $color;
  -o-box-shadow: 0 0 .2rem .2rem $color;
}

@mixin text-shadow($x:.05rem,$y:.1rem,$s:.12rem,$c:rgb($border-color,0.75)) {
  text-shadow: $x $y $s $c;
}

/*  Custom input placeholder*/
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  color: $text-grey;

}

.text-center {
  text-align: center;
}

.error {
  position: absolute;
  left: 1.6rem;
  right: 1.6rem;
  top: 0;
  z-index: 1000;
  @include border-radius(.6rem);
  background: rgb($color-5, 1);
}
.error pre{
  color: initial !important;
  background: initial !important;
  margin: 0;
}

/*input checkbox no-style*/
.input-checkebox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  content: "";
  display: inline-block;
  position: relative;
  width: $size-16;
  height: $size-16;
  background-color: $bg-color;
  border: 1px solid $title-color;
  vertical-align: middle;
  font-size: $size-20;
  line-height: 1;
  margin-bottom: 0.3rem;
  margin-right: .8rem;
  box-sizing: border-box;
}

/*input text no-style*/
.input-text {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 1px solid $border-color;
  padding: 0 .6rem;
  @include border-radius(.6rem);
  box-sizing: border-box;
  outline: none;
}

//javascript control
.js-level1-style {
  @include border-bottom($color: $grey-color);
}

.js-search {
  @include border-default();
  @include border-radius($size: 0.6rem);
  max-height: 60vh !important;
  @include box-shadow-1(rgb($grey-color, .6));
  background: $bg-color;

  & > nav {
    max-height: 60vh;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none;
    -webkit-scrollbar: none;
  }

  a {
    color: $text-color !important;
  }

  i {
    color: $text-grey !important;
  }
}

#right-container .js-show h1 > span,
#right-container .js-show h2 > span,
#right-container .js-show h3 > span,
#right-container .js-show h4 > span,
#right-container .js-show h5 > span,
#right-container .js-show h6 > span {
  display: block !important;
}

.list-wrapper .js-close {
  display: none;
}

.js-width-0 {
  width: 0 !important;
  overflow: hidden;
}

.js-height-0 {
  height: 0 !important;
}

.js-height-1 {
  height: 4rem !important;
}

.js-noindex {
  & ul li a p {
    display: none !important;
  }
}

#list-container .js-retract {
  & > ul > li ul {
    display: none;
  }
}

#list-container .js-launch {
  & > ul > li ul {
    display: block;
  }
}

#list-container .list-wrapper .js-item-retract,
#list-container .list-wrapper .js-item-retract {
  & > ul {
    display: none;
  }
}

#list-container .list-wrapper .js-item-launch,
#list-container .list-wrapper .js-item-launch {
  & > ul {
    display: block;
  }
}

#list-container .js-active > a,
.search-result .js-active {
  color: $color-1 !important;
  background: $bg-color2 !important;
  @include border-radius(.5rem);

  &:before {
    width: 1.2rem;
  }
}

.search-result .search-click {
  @include border-radius(.5rem);
  padding: .4rem .6rem;
  color: $color-2 !important;
  background: $bg-color2;
}

#list-container .js-active > .iconfont {
  color: $color-1 !important;
}

.js-show-shadow,
.js-show-shadow .iconfont {
  @include text-shadow();
}

.js-close-shadow,
.js-close-shadow .iconfont {
  text-shadow: none;
}

.js-show-tree .list-wrapper {
  & ul:before,
  & ul li:before,
  & ul li a:before,
  & ul:after,
  & ul li:after,
  & ul li a:after,
  {
    display: block !important;
  }
}

.js-close-tree .list-wrapper {
  & ul:before,
  & ul li:before,
  & ul li a:before,
  & ul:after,
  & ul li:after,
  & ul li a:after,
  {
    display: none !important;
  }

  & ul li a {
    margin-left: 1.7rem;
  }
}

/*theme dark style*/
@mixin theme-dark {
  /*scroll style*/
  ::-webkit-scrollbar-thumb {
    background: $text-grey-dark;
  }
  ::-webkit-scrollbar-track {
    background: $bg-dark2;
  }
  body,
  #right-container,
  #list-container {
    scrollbar-color: $text-grey-dark $bg-dark2;
  }
  #body-container {
    background: $bg-dark;
  }

  strong {
    color: white;
  }
  kbd {
    background-color: $color-2;
  }

  /*blockquote*/
  blockquote,
  .md-alert {
    background: rgba(62, 105, 215, 0.12);
  }
  blockquote code,
  .md-alert code {
    background: rgba(62, 105, 215, 0.12);
  }
  blockquote blockquote {
    background: rgba(62, 105, 215, 0.12);
  }
  /*only Typora blockquote*/
  .md-alert.md-alert-note {
    background: rgba(62, 105, 215, 0.12);
  }

  .md-alert.md-alert-caution {
    background: rgba(245, 145, 2, 0.12);
  }
  .md-alert.md-alert-tip {
    background: rgba(3, 183, 54, 0.12);
  }

  .md-alert.md-alert-important {
    background: rgba(130, 80, 223, 0.12);
  }

  .md-alert.md-alert-warning {
    background: rgba(227, 15, 46, 0.12);
  }

  code, pre {
    @include bag-border-dark($bg-dark2, $bg-dark2);
  }
  .code-copy {
    background: $bg-dark2;
    border-color: #667c89;
    color: #667c89;
  }
  .code-copy:hover {
    border-color: $color-2;
    color: $color-2;
  }
  .code-copied{
    color: white;
    background: $color-1;
    border-color: $color-1;
  }
  .code-copied:hover {
    color: white;
    background: $color-2;
  }

  table {
    @include table-style($bor-color: $grey-color-dark, $bag-color: $bg-dark2);
    tbody tr:nth-child(odd) td {
      background: $bg-dark;
    }
  }
  input {
    @include bag-border-dark($bg-dark2, $grey-color-dark);
    color: $text-dark;

    &::placeholder {
      color: $text-grey;
    }
  }
  /*input checkbox*/
  input[type="checkbox"],
  input[type="radio"] {
    background: $bg-dark;
  }
  .iconfont {
    color: $grey-color-dark;
    text-shadow: .1rem .1rem .1rem rgb($bg-dark2, 1);

    &:hover {
      text-shadow: .1rem .1rem .1rem rgb($color-1, .2);
    }
  }
  .note-tips {
    border-color: $grey-color-dark;
    color: $grey-color-dark;
  }
  #right-container,
  #left-container,
  .top-container,
  .bottom-container {
    background: $bg-dark;
    color: $text-dark;
    border-color: $grey-color-dark;
  }
  .list-wrapper {
    .iconfont {
      color: $grey-color-dark;
      background: $bg-dark;
    }

    a {
      color: $text-dark;
    }

    ul, li, a {
      &:after, &:before {
        background: $grey-color-dark;
      }
    }

    & ul li:hover {
      & > a {
        background: $bg-dark2;
      }
    }

    & ul li ul li:last-child:before,
    & > ul > li:first-child > a:after,
    & > ul li:last-child > a:after,
    & > ul > li:last-child:after,
    & > ul > li:last-child > a:after {
      background: $bg-dark;
    }

    & > ul li:last-child > a:before {
      border-color: $grey-color-dark;
    }
  }
  .search {
    &::placeholder {
      color: rgb($text-dark, .4);
    }
  }

  .search-result {
    @include bag-border-dark();
    background: $bg-dark2 !important;

    a, i {
      color: rgb($text-dark, .4) !important;
    }
  }
  .js-search {
    @include box-shadow-1(rgb($color-1, .15));
    color: rgb($text-dark, .4) !important;

    a {
      color: $text-dark !important;

      &:hover {
        color: $color-1 !important;
        background: $code-bg-dark !important;
      }
    }

    i {
      color: rgb($text-grey, .4) !important;
    }
  }
  .search-icon {
    color: rgb($text-dark, .4);
    background: $bg-dark2;

    &:hover {
      color: $color-1;
    }
  }

  &:hover .structure-child {
    background: $bg-dark;
    @include bag-border-dark($bg-dark, $grey-color-dark);
    border-bottom-color: $bg-dark;
    @include box-shadow-2(rgb($color-1, .15));
  }

  .structure-child {
    background: $bg-dark;

    li {
      &:first-child,
      &:nth-of-type(1),
      &:nth-of-type(2),
      &:nth-of-type(3),
      &:last-child {
        border-color: $grey-color-dark;
      }
    }
  }
  #switch-button {
    .icon-catalog-close {
      color: $text-dark;
    }

    .icon-label {
      text-shadow: 0 0 0.3rem rgb(0, 0, 0, 0.8);
    }
  }
  .js-close-shadow,
  .js-close-shadow .iconfont {
    text-shadow: none;
  }
  .js-show-shadow,
  .js-show-shadow .iconfont {
    @include text-shadow($x: .2rem, $y: .2rem, $s: .2rem, $c: $text-color);
  }
  .search-result .search-click {
    color: $color-2 !important;
    background: $grey-color-dark;
  }
  .js-active > a {
    background: $grey-color-dark !important;
  }
  #list-container .js-active > a,
  .search-result .js-active {
    background: $bg-dark2 !important;
  }
  & {
    background-color: $bg-dark;
    color: $text-dark;
  }
  h1, h2, h3, h4, h5, h6 {
    color: $text-dark;
  }
  .js-level1-style {
    @include border-bottom($color: $grey-color-dark);
  }
  hr {
    background: $grey-color-dark;
  }
  u {
    text-decoration-color: $text-dark;
    -moz-text-decoration-color: $text-dark;
  }

}


